/**
 * Created by Administrator on 2017/3/29 0029.
 */
import React from 'react'
import '../App.css'
class Button extends React.Component {
    //不设置 属性值 不会调用 getDefaultProps 也不会调用 getinitialstate
    //动态属性
    // getDefaultProps() {
    //     return {
    //         onClick: null,
    //         className: "",
    //         text: ""
    //     }
    // }
    //静态属性  给属性默认值
    // 每一个button 实例 都会copy下一下属性
    static defaultProps={
        onClick: null,
        className: "",
        text: "aaaa"
    }
    render(){
        console.log(`${this.props.text}`)
        return <button className={`Button ${this.props.className} `} onClick={this.props.onClick}>{this.props.text}</button>;
    }

    // constructor(props) {
    //     super(props)
    //     // getDefaultProps();
    // }
// 1 react createclass
//   getdefaultprops
//getinitialstate


    //2 extends component
    // static defaultprops
    // construct
}

export default Button
